<!--
 * @Author: your name
 * @Date: 2021-09-08 09:56:37
 * @LastEditTime: 2021-09-08 23:46:01
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \tui-hui-web\pages\pc\index.vue
-->
<template>
  <div class="pc-index">
    <div class="index-box-1">
      <div class="center-box">
        <img src="@/static/images/pc/bg-index-2.png" alt="" />
        <p>
          实体经济数字化运营升级服务商，全流程私域流量运营解决方案提供商，致力于帮助客户数字化改造以及提高私域流量运营能力。
        </p>
        <nuxt-link to="/" class="btn flex-row-c-c">免费试用</nuxt-link>
      </div>
      <img class="bg-img" src="@/static/images/pc/bg-index-1.png" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'indexPc',
  layout: 'default',
  components: {},
  head: () => ({ title: '推呼' }),
  async asyncData() {},
}
</script>

<style lang="scss">
.pc-index {
  .index-box-1 {
    position: relative;
    .center-box {
      position: absolute;

      left: 18%;
      top: 26%;
      overflow: hidden;
      width: 556px;
      img {
        width: 392px;
      }
      p {
        margin-top: 22px;
        width: 556px;
        height: 47px;
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        color: #ffffff;
        letter-spacing: 2px;
        opacity: 0.8;
      }
      .btn {
        margin-top: 44px;
        width: 103px;
        height: 33px;
        background: $color;
        border-radius: 17px;
        font-size: 15px;
        color: #fff;
      }
    }
    .bg-img {
      width: 100%;
      display: block;
    }
  }
}
</style>
